<script>
export default {
  name: "SystemUserView"
}
</script>

<template>
  <el-container>
    <!--  左侧  -->
    <el-aside width="200px">
      <img src="../assets/login.png" alt=""/>
      <p>
        欢迎使用Bridge-X
      </p>
    </el-aside>
    <!-- 右侧 -->
    <el-main>
      <router-view />
    </el-main>
  </el-container>
</template>

<style scoped>
.el-aside {
  background-color: #f9f9f9;
  width: 40%;
  text-align: center;
  img {
    margin-top: 100px;
    height: 400px;
  }
  p {
    color: #213547;
    font-size: 28px;
  }
}
.el-main {
  background-color: #eeeeee;
  /* 高度使用动态计算出来的屏幕高度 */
  height: calc(100vh);
  display: flex;
  justify-content: center;
  align-items: center; /* 垂直居中 */
  flex-direction: column; /* 确保内容垂直排列 */
}
</style>